import React from 'react'

export default function List({list,calc,del,checkonebtn}) {
  return (
    <>
    {list.map(item=>{
        return  <div className="tr" key={item.id}>
        <div className="td" ><input type="checkbox" checked={item.checked} onChange={(e)=>{checkonebtn(e.target.checked,item)}}></input></div>
        <div className="td">{item.name}</div>
        <div className="td">
            {item.num<=1?"":<button onClick={()=>{calc(item,-1)}}>-</button>}
            <input type="text" value={item.num} onChange={()=>{}}></input>
            <button onClick={()=>{calc(item,1)}}>+</button>
        </div>
        <div className="td">{item.price}</div>
        <div className="td">{item.price*item.num}</div>
        <div className="td" onClick={()=>{del(item.id)}}>删除</div>
    </div>
    })}
    </>
  )
}
